(function () {
    function MPopup(options) {
        var self = this;
        self = $.extend(self, {
            id: '',
            content: '', 
        }, options);
        self.init(this);
    }

    MPopup.prototype = {
        init: function (options) {
            $('body').append('<div class="m-popup-mask"></div>');
            $('body').append('<div class="m-popup"></div>');
            $('.m-popup-mask').click(function(el) {
                $('.m-popup').hide();
                $('.m-popup').html('');
                $('.m-popup-mask').hide();
            });
        },
        show: function(selector) {
            const popup = $('.m-popup');
            const content = $(selector).clone().addClass('m-popup-content');
            // $('.m-popup-mask').show()
            popup.html(content);
            $('.m-popup-mask').show();
            popup.show();
            content.show();
        },
        hide: function() {
            const popup = $('.m-popup');
            popup.html('');
            popup.hide();
            $('.m-popup-mask').hide();
        }
    }
    window.MPopup = MPopup;
}());